import { useParams } from '@umijs/max';
import type { TabsProps } from 'antd';
import { Tabs } from 'antd';
import React, { useEffect, useState } from 'react';
import styles from './index.less';
const items: TabsProps['items'] = [
  {
    key: '1',
    label: '网站使用条款',
    children: (
      <div className={styles.contentWrap}>
        <p> 感谢您访问 xiaojiya.top（以下简称“本网站”）。 </p>
        <p>
          {/*本网站由深圳市本网站科技有限公司（以下简称“本网站”）运行维护。本网站向公众开放，提供基于*/}
          {/*git 的代码托管和项目管理服务。*/}
          在使用本网站前，敬请您仔细阅读以下各项使用条款（以下简称“本使用条款”）。您对本网站的使用(包括但不限于对本网站的访问、登录，对本网站内容的浏览和使用)，将被视为您自愿承诺接受本声明的约束。如果您对本使用条款的内容不能接受，您应当立即停止使用本网站并迅速离开。
        </p>
        <ol>
          {/*<li>*/}
          {/*  <h4> 本网站的使用 </h4>*/}
          {/*  <p>*/}
          {/*    本网站有限许可您在您的计算机设备上浏览（使用）本网站展示的内容（由本使用条款第2条规定）。*/}
          {/*  </p>*/}
          {/*</li>*/}
          <li>
            <h4> 知识产权声明 </h4>
            <p>
              本网站，包括(但不仅限于)
              文字，内容，软件，录像，音乐，声音，图形，照片，图表，美术设计，图片，名称，标识，商标和/或服务标志（包括已注册和未注册的），以及其他资料（以下简称网站内容）都受到版权法，商标法和一切知识产权公约的保护。本网站内容包括本网站所有或控制下的内容和第三方所有或控制下，并授权本网站使用的内容。所有代码，文章，讨论等一切构成本网站的元素都可能是受版权保护的作品。您同意遵守所有适用本网站的版权保护法律法规，以及所有本网站包含的补充性的版权说明或限制。本网站的内容均由相应的机构/个人上传、维护。对于本站内容的任何使用请遵守内容所附带的授权协议。如不清楚相应的授权协议请询问上传该内容的机构/个人。
            </p>
            <p>
              任何在 xiaojiya.top
              上注册的帐号上传的内容的版权均归上传者所有，上传者承担所有被上传内容的版权责任。奥思网络有权在其拥有的网站上，展示上传者上传到本网站公共区域的内容。
            </p>
          </li>
          <li>
            <h4> 个人信息的保护 </h4>
            <p>
              本网站尊重访问本网站的任何个人的隐私信息。当您访问本网站的时候可能被要求提供您个人的基本资料(如姓名、电子邮件、电话号码等)，您可以自行选择是否提供。对于您提供的个人信息，本网站将根据中华人民共和国相关法律进行保密并严格保管，不会将这些信息以任何方式提供或展示给任何第三方，但下述情况除外：
            </p>
            <p>
              (一)
              当司法机关或行政机关依照法定程序和法定职权要求本网站披露个人资料时，我们将依法提供相关资料。对于此情况下的任何披露，本网站均得免责；
            </p>
            <p>
              (二)
              对于任何由黑客攻击、计算机病毒侵入或发作、或政府管制而造成的暂时性关闭等影响网站正常运营的不可抗力事件所造成的个人资料的泄露、丢失、被盗用或被篡改等，本网站均得免责；
            </p>
            <p>
              (三)
              对于用户将个人密码告知他人或与他人共享注册帐号所导致的任何个人资料泄露，丢失、被盗用或被篡改等,本网站不负任何责任；
            </p>
            <p>
              (四)
              对于与本网站链接的任何其它网站的个人资料泄露，丢失、被盗用或被篡改等事件，本网站不负任何责任。
            </p>
          </li>
          <li>
            <h4>网站的更新与变更 </h4>
            <p>
              本网站提供的本网站上的内容仅为方便您获取信息，本网站有权单方面在任何时间，对本网站的内容进行变更或更新，此种变更或更新无需以通知您或任何第三方为前提。您承认并接受上述变更或更新。我们建议您定期访问本网站以尽快获知有关的更新或变更的信息。
            </p>
          </li>
          <li>
            <h4> 无担保声明 </h4>
            <p>
              在法律允许的最大限度内，本网站及本网站的内容不包括任何明确或暗示的有关（但不限于）所有权，适销性，质量满意程度，特定用途的适用性，准确性、时效性和完整性，不侵犯知识产权和其它方权利的承诺。
            </p>
            <p>
              本网站尽其合理的商业努力维护本网站的安全和功能，但不保证本网站上的所有功能正常运作，也不保证本网站连续性地或无故障运行或缺陷被及时更正。
            </p>
            <p>
              本网站不保证本网站系统适合您的电脑操作系统性能，也不保证本网站或其服务器永不产生故障或没有病毒、木马程序和其他有害程序。本网站亦不承担您因上述问题而产生的任何电脑的损坏的责任。
            </p>
            <p>本网站不为您所使用的访问本网站的网络线路和设备的可靠性以及连续性承担责任。</p>
          </li>
          <li>
            <h4>禁止盗链 </h4>
            <p>
              本网站禁止擅自利用本网站内容的网页构架系统的行为。本网站保留断开任何未经授权指向本网站的超文本链接或网页构架系统的权利。
            </p>
          </li>
          <li>
            <h4> 仓库大小 </h4>
            <p>
              本网站允许用户上传仓库，规定每个仓库的大小上限为1个G，单个用户总容量为5个G
              (包含用户的所有仓库以及Wiki)，禁止大量的外链请求到本网站，并且不允许存放与代码无关的文件，如果代码实在有需要更大，请发邮件(git#oschina.cn)联系我们，说明使用场景和原因进行申请，我们邮件同意后方可上传更大的仓库，如果未经允许私自上传大仓库、与代码无关的文件或者大量的外链请求，本网站保留停止仓库的使用以及通知作者备份并删除的权利。
            </p>
          </li>
          <li>
            <h4>成员数量 </h4>
            <p>
              本网站允许用户创建私有仓库，规定每个私有仓库的成员数不超过5个，公开仓库不作成员限制，但成员数超过5人的公开仓库将无法转为私有仓库。
            </p>
          </li>
          <li>
            <h4>终止使用 </h4>
            <p>
              如果您的帐号违反当地相关法律法规或网站使用条款，在未经事先通知的情况下，本网站有权自行判断并立即终止您对本网站的使用，或者采取措施禁止您对本网站的再次访问。
            </p>
          </li>
          <li>
            <h4>准据法和管辖权 </h4>
            <p>
              本网站内容及本使用条款的解释和适用均适用中华人民共和国法律，由于使用本网站而产生的一切纠纷，除另有约定，均由中华人民共和国(本网站所在地)人民法院管辖。
            </p>
          </li>
          <li>
            <h4> 继续有效原则 </h4>
            <p>
              如果本使用条款中的部分条款被有关机关认定为无效，则此无效部分并不影响本使用条款其他部分的效力，其他部分仍然有效。
            </p>
          </li>
        </ol>
      </div>
    ),
  },
  {
    key: '2',
    label: '个人信息保护政策',
    children: (
      <div className={styles.contentWrap}>
        <p> 感谢您访问 xiaojia（以下简称“本网站”）。 </p>
        <p>
          为切实保护本网站用户隐私权，优化用户体验，本网站根据现行法规及政策，制定本《个人信息保护政策》。
          本《个人信息保护政策》将详细说明本网站在获取、管理及保护用户个人信息方面的政策及措施。本《个人信息保护政策》适用于本网站向您提供的所有服务，无论您是通过计算机设备、移动终端或其他设备获得的本网站服务。
        </p>
        <ol>
          <li>
            <h4> 个人信息的收集 </h4>
            <p>
              您已知悉且同意，在您注册本网站帐号或使用平台提供的服务时，本网站将记录您提供的相关个人信息，如：昵称、邮箱、手机号码等，上述个人信息是您获得平台提供服务的基础。
            </p>
          </li>
          <li>
            <h4> 个人信息的管理 </h4>
            <p>为了向您提供更好的服务或产品，本网站会在下述情形使用您的个人信息：</p>
            <p>1）根据相关法律法规的要求； </p>
            <p>2）根据您的授权； </p>
            <p>3）根据本网站相关服务条款、应用许可使用协议的约定。 </p>
            <p>未经您本人允许，本网站不会向任何第三方披露您的个人信息，下列情形除外：</p>
            <p>1）本网站已经取得您或您监护人的授权； </p>
            <p>2）司法机关或行政机关给予法定程序要求本网站披露的； </p>
            <p>3）本网站为维护自身合法权益而向用户提起诉讼或仲裁时； </p>
            <p>4）根据您与本网站相关服务条款、应用许可使用协议的约定； </p>
            <p>5）法律法规规定的其他情形。 </p>
          </li>
          <li>
            <h4> 个人信息的保护</h4>
            <p>
              本网站将尽一切合理努力保护其获得的用户个人信息。为防止用户个人信息在意外的、未经授权的情况下被非法访问、复制、修改、传送、遗失、破坏、处理或使用，本网站已经并将继续采取以下措施保护您的个人信息：
            </p>
            <p>1）以适当的方式对用户的个人信息进行加密处理； </p>
            <p>2）在适当的位置使用密码对用户个人信息进行保护； </p>
            <p>3）限制对用户个人信息的访问； </p>
            <p>4）其他的合理措施。 </p>
            <p>
              尽管已经采取了上述合理有效措施，并已经遵守了相关法律规定要求的标准，本网站仍然无法保证您的个人信息通过不安全途径进行交流时的安全性。因此，用户个人应采取积极措施保证个人信息的安全，如：定期修改帐号密码，不将自己的帐号密码等个人信息透露给他人。
            </p>
            <p>
              您知悉：本网站提供的个人信息保护措施仅适用于本网站，一旦您离开本网站，浏览或使用其他网站、服务及内容资源，本网站即没有能力及义务保护您在平台以外的网站提交的任何个人信息，无论您登录或浏览上述网站是否基于本网站的链接或引导。
            </p>
          </li>
          <li>
            <h4> 个人信息的访问 </h4>
            <p>
              当您完成本网站的帐号注册后，您可以查阅或修改您提交给本网站的个人信息。一般情况下，您可随时浏览、修改自己提交的信息，但出于安全性和身份识别（如号码申诉服务）的考虑，您可能无法修改注册时提供的某些初始注册信息及验证信息。
            </p>
          </li>
          <li>
            <h4>对未成年人个人信息的特别保护</h4>
            <p>
              本网站非常重视对未成年人个人信息的保护。若您是18周岁以下的未成年人，在使用本网站的服务前，应确保事先取得监护人的同意，如您在本网站上申请注册账号，本网站将默认为您已得到前述同意。本网站将根据国家相关法律法规及本《个人信息保护政策》的规定保护未成年人的个人信息。
            </p>
          </li>
          <li>
            <h4> 隐私保护政策的修改 </h4>
            <p>
              本网站有权随时修改《个人信息保护政策》的任何条款，一旦《个人信息保护政策》的内容发生变动，本网站将会直接在PC端系统公告上公布修改之后的《个人信息保护政策》，该公布行为视为本网站已经通知您修改内容。本网站也可通过其他适当方式向用户提示修改内容。如果您不同意本网站对本《个人信息保护政策》相关条款所做的修改，您有权停止使用平台服务。如果您继续使用平台服务，则视为您接受本网站对本协议相关条款所做的修改。
            </p>
          </li>
        </ol>
      </div>
    ),
  },
];
const Index: React.FC = () => {
  const { id } = useParams<{ id: string }>();
  const [activeKey, setActiveKey] = useState('1');
  useEffect(() => {
    if (id) {
      setActiveKey(id);
    }
  }, [id]);
  return (
    <div className={styles.agreementWrap}>
      <Tabs
        centered
        defaultActiveKey={activeKey}
        activeKey={activeKey}
        items={items}
        onChange={(e) => setActiveKey(e)}
      />
    </div>
  );
};

export default Index;
